@charset "utf-8";
/* CSS Document */

@font-face{font-family:'pingfang';src:url(fonts/pingfang.eot);src:url(fonts/pingfang.eot#iefix) format("embedded-opentype"),url(fonts/pingfang.svg#pingfang) format("svg"),url(fonts/pingfang.woff) format("woff"),url(fonts/pingfang.ttf) format("truetype");font-ght:normal;font-style:normal}
/*Cremona Regular*/
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "Cremona";
  src: url("fonts/Cremona.woff2") format("woff2"),url("fonts/Cremona.woff") format("woff"),url("fonts/Cremona.ttf") format("truetype"),url("fonts/Cremona.eot") format("embedded-opentype"),url("fonts/Cremona.svg") format("svg");
  font-ght: normal;font-style: normal;
}
/*Constantia Regular*/
@font-face {
  font-family: "Constantia";
  src: url("fonts/Constantia.woff2") format("woff2"),url("fonts/Constantia.woff") format("woff"),url("fonts/Constantia.ttf") format("truetype"),url("fonts/Constantia.eot") format("embedded-opentype"),url("fonts/Constantia.svg") format("svg");
  font-ght: normal;font-style: normal;
}
/*Cambria bold*/
@font-face {
  font-family: "Cambriabold";
  src: url("fonts/Cambriabold.woff2") format("woff2"),url("fonts/Cambriabold.woff") format("woff"),url("fonts/Cambriabold.ttf") format("truetype"),url("fonts/Cambriabold.eot") format("embedded-opentype"),url("fonts/Cambriabold.svg") format("svg");
  font-ght: normal;font-style: normal;
}
/*Brush Script Std Medium*/
@font-face {
  font-family: "BrushScriptStd";
  src: url("fonts/BrushScriptStd.woff2") format("woff2"),url("fonts/BrushScriptStd.woff") format("woff"),url("fonts/BrushScriptStd.ttf") format("truetype"),url("fonts/BrushScriptStd.eot") format("embedded-opentype"),url("fonts/BrushScriptStd.svg") format("svg");
  font-ght: normal;font-style: normal;
}
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal; }
fieldset, img{border:0}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
img{border: none; outline:none;vertical-align:bottom;}
ol,ul,li{list-style:none;margin:0;padding:0;outline:none;}
table{border-collapse:collapse; border-spacing:0}
label{cursor:default}
input,textarea{ outline:none}
audio,canvas,progress,video {display:inline-block;*display:inline;zoom:1;vertical-align: baseline;}
a{text-decoration:none; cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;}
a{color:inherit;}
a:link{text-decoration:none;}
.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{box-shadow: none;outline: none;border: none;border-radius: 0;-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;padding: 0;}
select::-ms-expand { display: none; }
@-webkit-keyframes swiper-preloader-spin{
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
/* 去除iPhone中默认的input样式 */
input,select,textarea,button{ -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;}
button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {font-family:"微软雅黑",Arial,sans-serif;}

*{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
 
body {font-family:"微软雅黑",Arial,sans-serif;font-size: 14px;color: #333; line-height:28px;/*background-color: #f4f4f4;opacity: 0;*/
/*-webkit-transition: opacity 0.2s ease-in-out 0.2s;-moz-transition: opacity 0.2s ease-in-out 0.2s;-ms-transition: opacity 0.2s ease-in-out 0.2s;-o-transition: opacity 0.2s ease-in-out 0.2s;transition: opacity 0.2s ease-in-out 0.2s;*/max-width: 1920px;margin: 0 auto; overflow-x: hidden; min-width:320px; font-ght: normal;/*-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; */}
.trs06s {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.trs03s {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
body { position: relative;min-width: 1230px}
.pingfang{font-family: 'pingfang',"微软雅黑",Arial,"PingFang SC","思源黑体", CNLato,"Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif!important;}
.w1200{ width: 1280px; margin: 0 auto; }	
.hidden{ display:none;}
.w1600{width:84%; margin: 0 auto;}
.w800{width:84%;}

.w1220{ width: 1340px; margin: 0 auto;}	
/*img{display:block}*/

@media screen and (max-width: 1300px) {
body {min-width:320px;}
.w1200 {width: 1100px;}
.w1220{ width: 1160px;}	
}
@media screen and (max-width: 1150px) {
.w1200{width: 1050px;}
.w1220{width: 1050px;}		
}
@media screen and (max-width: 1024px) {
.w1200{width: 995px;}
.w1220{width: 995px;}
}
@media screen and (max-width: 960px) {
.w1200 {idth:auto;max-width: 100%!important;padding-left:10px!important;padding-right:10px!important}  
.w1220{width: 810px;}
}
@media screen and (max-width: 768px) {
.w1200{width:auto;max-width: 680px!important;padding-left:10px!important;padding-right:10px!important}
.w1220{width:auto;max-width: 680px!important;padding-left:10px!important;padding-right:10px!important}
}

.warp{position: relative;/*padding-top:60px;*/ overflow-x:hidden;}
.warp.pageH{background-color:#fff;}



.top_bg{width:100%; height:auto; overflow:hidden; background-color:#2d2d2d; padding:5px 0}
.top{color:#fff}

.top_yd_bg{width:100%; height:auto; overflow:hidden; background-color:#0c55a4; height:40px; position: absolute; top:0}
.top_yd{color:#fff; line-height:40px}
.top_yd a{color:#fff; float:right; line-height:40px}

/*header pc-navbar*/
.pc-navbar{height:100px;/*background-color:#fff;*/border:0;margin:0 auto; width:100%;position:absolute; /*position:relative;*/width:100%;top:0;left:0; right:0;z-index:900;transition:all .3s ease}
/*.pc-navbar.collapsed{background:0 0}*/
.pageH .pc-navbar{background-color:#fff!important; height:auto;position:static!important;top:auto;left:auto; right:auto;}
/*logo*/
/*.pc-navbar .navbar-header{float:none;width:160px; height:160px; margin:0 auto; position:absolute; left:0;right:0; top:0; z-index:2;}*/
.pc-navbar .navbar-header .navbar-brand{display:inline-block;padding:0;height:auto}
.pc-navbar .navbar-header .navbar-brand .navbar-brand-logo{vertical-align:middle;display:inline-block;width:160px;height:160px;background-size:100px; background-position:center center;
background-repeat:no-repeat;}

.pc-navbar .navbar-header{float:left;width:24%; height: auto; overflow:hidden;z-index:2;}
.pc-navbar .navbar-header a img{width:100%; height:auto; overflow:hidden; padding:10px 0 0 0}

/*navbar-right*/
.pc-navbar .navbar-right{ text-align:right;margin-top:40px;}
.pc-navbar .navbar-right ul{display:inline-block;zoom:1;}
.pc-navbar .navbar-right ul li{ display:inline-block;*display:inline;zoom:1; text-align:left;}
.pc-navbar .navbar-right ul li a{color:#464646; font-size:14px; line-height:normal; vertical-align:middle;}
.pc-navbar .navbar-right ul li a:hover{color:#123e66;}
.pc-navbar .navbar-right ul li.nav-tianmao a{padding-left:26px; background:url(../image/top-tianmao.png) left center no-repeat; margin-left:32px;}
.pc-navbar .navbar-right ul li.nav-VR a{padding-left:26px; background:url(../image/top-vr.png) left center no-repeat; margin-left:32px;}

/*nav*/
.pc-navbar #siteHeaderNavbar{width:68%; float:right}
.pc-navbar ul.navbar-category>li.category-item.relative{position:relative}
.pc-navbar ul.navbar-category>li.category-item{float:left; line-height:100px; width:14.28%; text-align:center}

/*.pc-navbar ul.navbar-category>li.category-item.li4{margin-right:234px;}
.pc-navbar ul.navbar-category>li.category-item.li8{margin-right:0;}*/
.pc-navbar ul.navbar-category>li.category-item>a{padding:0; display:inline-block; transition:all .3s; color:#fff; vertical-align:middle; line-height:84px; cursor:pointer;/*background:url(../image/v.png) right 50% no-repeat;*/ overflow:hidden; font-size:16px; font-weight:bold;display:block}

/*erji*/
.pc-navbar ul.navbar-category:hover li.category-item>a{color:#fff}
.pc-navbar ul.navbar-category:hover li.category-item.opened>a:after,
.pc-navbar ul.navbar-category:hover li.category-item>a:hover:after{content:''; display:inline-block; position:absolute; left:0; /*bottom:-1px;*/z-index:1200;width:100%;/*background-color:#a91414*/}
.pc-navbar ul.navbar-category:hover li.category-item>a:hover:after{/*height:3px*/}
.pc-navbar ul.navbar-category:hover li.category-item:hover>a{color:#fff; background-color:rgba(0,64,152,1); position:relative; }
.pc-navbar ul.navbar-category:hover li.category-item:hover .dui-dropdown-menu{opacity:1; visibility:visible}
.pc-navbar ul.navbar-category:hover li.category-item.opened>a:after{/*height:3px*/}

/*sanji*/
.pc-navbar .dui-dropdown-menu.single{position:absolute; transform:translate(-50%,0); width:auto; z-index:1100; background:0 0; border:none; margin-top:0; opacity:0;/*overflow:hidden;*/ display:none; top:100%; left:50%; color:#303233; height:auto; padding:0;/*transition:height .5s ease*/}
.pc-navbar .dui-dropdown-menu.single ul{background:#fff; margin-top:16px; -ms-box-shadow:0 2px 4px 0 rgba(0,0,0,.05); -o-box-shadow:0 2px 4px 0 rgba(0,0,0,.05); box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}
.pc-navbar .dui-dropdown-menu.single li.nav-item{display:block; width:100%; font-size:13px; transition:all .3s; line-height:50px;}
.pc-navbar .dui-dropdown-menu.single li.nav-item>a{padding:0 35px; white-space:nowrap; display:inline-block; color:#303233;line-height:26px;height:auto;background:0;text-align:center;}
.pc-navbar .dui-dropdown-menu.single li.nav-item:hover{background:#ebeff2}
.pc-navbar ul.navbar-category .dui-dropdown-menu.single .dropdown-container>ul{margin-top:0;/*border-top:1px solid #f0f1f2*/}
.pc-navbar ul.navbar-category li:hover .dui-dropdown-menu.single {display: block; visibility: visible; max-height: 500px; padding: 0 10px 10px; opacity: 1;/*transition:height .5s ease*/}

/*Search*/
.pc-navbar #siteHeaderSearch{position:absolute;top:0;left:0; right:0;display:none; background:#fff;z-index:991;}
.pc-navbar.navbar-searching #siteHeaderSearch .search-btn,
.pc-navbar.navbar-searching #siteHeaderSearch .search-input{animation-name:slideInRight; animation-duration:.5s; animation-fill-mode:both; animation-timing-function:ease}
.pc-navbar.navbar-searching {background: #fff!important}
.pc-navbar .search-box{position:relative;}
.pc-navbar .search-box form{display:inline-block;}
.pc-navbar .search-box .search-input{display:inline-block;width:600px;outline:none;font-size:16px;height:32px;padding:4px 8px;border:none}
.pc-navbar .search-box{padding:20px 0;margin:0 270px;}
.pc-navbar .search-box .search-btn{display:inline-block;width:24px;height:24px; vertical-align: middle; margin-right:4px; margin-left:0; cursor:pointer; background-image:url(../image/m-search2.png); background-repeat:no-repeat; background-position:center center; background-size:22px; font-size:0;}
.pc-navbar .search-box .close-btn{display:inline-block;width:24px;height:24px;position:absolute;top:50%;color:#616466;cursor:pointer;/*margin-left:244px;*/margin-top:-12px;background-size:cover;background-image:url(../image/top-close.svg); background-repeat:no-repeat; background-position:center center; right:0;}
.pc-navbar .search-box-cover{position:fixed;width:100%;height:100%;top:72px;left:0;opacity:.5;background-color:#000;z-index:990}
.search-input::-ms-clear{display:none}

@keyframes slideInRight {
	0% {transform: translate3d(100%,0,0);visibility: visible}
    to {transform: translate3d(0,0,0)}
}
@media screen and (max-width: 1300px) {
.pc-navbar .dui-dropdown-menu.single li.nav-item>a { padding: 0 27px;}
}

@media screen and (max-width: 1230px) {
	.pc-navbar .navbar-header{width:21%;}
  /*.pc-navbar ul.navbar-category>li.category-item{margin-right:24px;}*/
}
@media screen and (max-width: 1150px) {
   .pc-navbar ul.navbar-category>li.category-item>a{font-size:14px;}	
   /*.pc-navbar ul.navbar-category>li.category-item{margin-right:18px;}*/
}
@media screen and (max-width: 1024px) {
	.pc-navbar{ display:none;}
	.top_yd_bg{ display:none;}
	.top_bg{display:none}
}






/*pc-navbar-m*/
.pc-navbar-m{display:none;}
@media screen and (max-width: 1024px) {
.pc-navbar-m{display: block;}
body{position:relative;width:100%;padding-top:66px;overflow-x:hidden;padding-top: 0}
.menu-opened .pc-navbar-m,.site-footer-m ul.footer-social-list img,html{height:100%}
.menu-opened .navbar-header{border-bottom:1px solid #f2f2f2}
.menu-opened,.menu-opened .dji-mobile{overflow:hidden;height:100%}
.pc-navbar-m .show-navbar-group a.navbar-group-head{right:100%;opacity:0}
.no-transition .navbr-group-menu,
.no-transition a.navbar-group-head{transition:none!important}
.pc-navbar-m{/*position:fixed;*/top:0;left:0;right:0;width:100%;height:66px;z-index:10000;background-color:#fff;transition:all .5s ease}
.pageH .pc-navbar-m.header-closed{background-color:#fff;}
.pc-navbar-m .navbar-header{height:70px;padding-left:17px;padding-right:17px;text-align:center;float:none}
.pc-navbar-m .navbar-header:after,
.pc-navbar-m .navbar-header:before{display:none}

/*navbar-control header-opened*/
.pc-navbar-m.header-opened .navbar-content{opacity:1;visibility:visible;z-index:200}
.pc-navbar-m.shopping-opened .control-icon{opacity:0;visibility:hidden;transform:translateY(-50px)}
.pc-navbar-m.header-opened .control-icon:nth-child(2){opacity:0}
.pc-navbar-m.header-opened .control-icon:nth-child(1){transform:translateY(8px)}
.pc-navbar-m.header-opened .control-icon:nth-child(1):before{transform:rotate(45deg);width:22px;}
.pc-navbar-m.header-opened .control-icon:nth-child(3){transform:translateY(-8px)}
.pc-navbar-m.header-opened .control-icon:nth-child(3):before{transform:rotate(-45deg);width:22px;}

/*navbar-control*/
.pc-navbar-m a.navbar-control{display:inline-block;margin-top:20px;float:right;vertical-align:middle}
.pc-navbar-m .control-icon:nth-child(2):before{width:18px;}
.pc-navbar-m .control-icon:nth-child(3):before{width:14px;}
.pc-navbar-m .control-icon{display:block;padding-top:3px;padding-bottom:3px;transition:all .4s ease}
.pc-navbar-m .control-icon:before{content:'';display:block;height:2px;width:22px;background-color:#303233;border-top-right-radius:2px;border-bottom-left-radius:2px;transition:transform .4s ease .2s,background-color .5s ease 0s}

/*navbar-shopingbag header-opened*/
.pc-navbar-m.header-opened a.navbar-shopingbag{opacity:0;visibility:hidden;transform:translateY(-50px)}
.pc-navbar-m.shopping-opened a.navbar-shopingbag{transition:none}
.pc-navbar-m.shopping-opened a.navbar-shopingbag .shopingbag-icon{transition:all .3s;opacity:0}
.pc-navbar-m.shopping-opened a.navbar-shopingbag:after,.pc-navbar-m.shopping-opened a.navbar-shopingbag:before{transition:all .4s ease .35s;opacity:1}

/*navbar-shopingbag*/
.pc-navbar-m a.navbar-shopingbag:after,
.pc-navbar-m a.navbar-shopingbag:before{content:'';display:block;height:2px;width:22px;background-color:#303233;border-top-right-radius:2px;border-bottom-left-radius:2px;transition:transform .4s ease .2s,background-color .5s ease 0s}
.pc-navbar-m a.navbar-shopingbag:after,
.pc-navbar-m a.navbar-shopingbag:before{position:absolute;top:50%;left:0;opacity:0;transition:all .4s ease}
.pc-navbar-m a.navbar-shopingbag{position:relative;display:inline-block;float:right;margin-top:20px;vertical-align:middle;transition:all .4s ease}
.pc-navbar-m a.navbar-shopingbag:before{transform:rotate(45deg)}
.pc-navbar-m a.navbar-shopingbag:after{transform:rotate(-45deg)}
.pc-navbar-m a.navbar-shopingbag span.shopingbag-icon{position:relative;display:block;width:22px;height:22px;background-size:22px 22px;background-position:center center;background-image:url(../image/m-search.png);transition:all .4s ease .2s}
.pc-navbar-m a.navbar-shopingbag span.shopingbag-icon.full{background-image:url(../image/shoppingbag-icon.png)}

/*logo*/
.pc-navbar-m .navbar-logo{display:inline-block;width:19%; float:left; padding:5px 0 0 0;}
.pc-navbar-m .navbar-logo a{display:block;/*width:100%;height:52px;background-size:100%;background-position:center center;background-image:url(../image/logo.png)*/}
.pc-navbar-m .navbar-logo a img{width:100%; height:auto; overflow:hidden}

/*erji*/
.pc-navbar-m .navbar-content{position:absolute;top:66px;bottom:0;width:100%;background-color:#fff;opacity:0;transition:all .4s;visibility:hidden;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:100}
.pc-navbar-m a.navbar-group-head{position:relative;right:0;display:block;padding:23px 20px 22px;font-size:16px;color:#303233;overflow:hidden;z-index:700;transition:all .4s}
.pc-navbar-m a.navbar-group-head h4{font-size:16px;line-height:20px;font-ght: normal; float:left}
.pc-navbar-m a.navbar-group-head .iconfont{float:right}
.pc-navbar-m a.navbar-group-head:before{position:absolute;left:20px;top:0;content:'';display:block;width:100%;height:1px;background-color:#f2f2f2}
.pc-navbar-m a.navbar-group-head span.navbar-arrow-right{position:absolute;right:20px;top:50%;margin-top:-5px}
.pc-navbar-m .navbar-group:first-child a.navbar-group-head,.pc-navbar-m ul.navbr-menu li:first-child a.navbar-menu-item{padding-top:22px}
.pc-navbar-m .navbar-group:first-child a.navbar-group-head:before,.pc-navbar-m ul.navbr-menu li:first-child a.navbar-menu-item:before{display:none}
.pc-navbar-m .navbar-language-group a.navbar-group-head{border-top:1px solid #dae1e6;padding-left:44px;padding-top:22px}
.pc-navbar-m .navbar-language-group a.navbar-group-head h4{font-ght:400}
.pc-navbar-m .navbar-language-group span.navbar-language-icon,.pc-navbar-m .navbr-pill-menu span.navbar-pill-icon{position:absolute;left:20px;top:50%;margin-top:-8px}
.pc-navbar-m span.navbar-arrow-right{display:block;width:6px;height:10px;background-size:cover;background-position:center center;background-image:url(../image/nav-arrow-right.svg)}

/*sanji*/
.pc-navbar-m .navbr-group-menu{position:fixed;width:100%;background-color:#fff;top:66px;transition:left .4s;left:100%;z-index:800}
.pc-navbar-m .navbr-group-menu ul{transition:all .4s;opacity:0}
.pc-navbar-m .navbr-group-menu a.menu-back{position:relative;display:block;padding:20px;font-size:16px;color:#123e66;background-color:#ebeff2;transition:all .4s;opacity:0;font-ght: normal;}
.pc-navbar-m .navbr-group-menu a.menu-back span,.pc-navbar-m .shopping-content a.navbar-store-link span{display:inline-block;vertical-align:middle}
.pc-navbar-m .navbr-group-menu a.menu-back span.navbar-arrow-right{margin-right:8px;transform:rotate(180deg)}
.pc-navbar-m .navbar-group-active .navbr-group-menu{position:absolute;left:0;top:0}
.pc-navbar-m .navbar-group-active .navbr-group-menu a.menu-back,.pc-navbar-m .navbar-group-active .navbr-group-menu ul{opacity:1}
.pc-navbar-m a.navbar-menu-item{position:relative;display:block;width:100%;padding:23px 20px 22px;font-size:16px;line-height:20px;color:#303233;overflow:hidden;font-ght: normal;}
.pc-navbar-m a.navbar-menu-item:before{position:absolute;left:20px;right:20px;top:0;content:'';display:block;width:auto;height:1px;background-color:#f2f2f2}

/*shiji*/
.pc-navbar-m .navbr-pill-menu{border-top:solid 1px #dae1e6}
.pc-navbar-m .navbr-pill-menu a.navbar-menu-item{padding-left:44px;font-ght:400}
.pc-navbar-m .navbr-pill-menu span.navbar-pill-icon.pill-icon-explore_more{margin-top:-6px}

/*m-search*/
.pc-navbar-m.shopping-opened .shopping-content{opacity:1;visibility:visible;z-index:200}
.pc-navbar-m .shopping-content{position:absolute;top:66px;bottom:0;width:100%;background-color:#fff;opacity:0;visibility:hidden;transition:all .4s;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:100}
.pc-navbar-m .shopping-content a.navbar-store-link{position:relative;display:block;padding:20px;font-size:16px;font-ght: normal;color:#123e66;background-color:#ebeff2;transition:all .4s}
.pc-navbar-m .shopping-content a.navbar-store-link span.navbar-arrow-right{margin-left:8px;background-image:url(../image/nav-arrow-right-black.svg)}
.pc-navbar-m .shopping-content .m-search{padding: 15px;position: relative;}
.pc-navbar-m .shopping-content .m-search form{border: 1px solid #f2f2f2;}
.pc-navbar-m .shopping-content .m-search input[type=text]{display: block;margin: 0 auto;width:100%;font-size:16px;color: #333333;line-height:50px;font-ght: 300;text-align:left;background-color: transparent;padding:0 3%;}
.pc-navbar-m .shopping-content .m-search input[type=submit]{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-image: url('../image/m-search2.png'); font-size:0; width:50px; height:50px; background-size:20px;}

/*header-closed*/
.pc-navbar-m .navbar-container{transition: all .5s ease 0s;height:76px}
.pc-navbar-m a.navbar-dji-icon,body .pc-navbar-m a.navbar-shopingbag span.shopingbag-icon{transition: all .5s ease 0s}
.pc-navbar-m a.navbar-shopingbag:after,body .pc-navbar-m a.navbar-shopingbag:before{transition: all .1s ease}
.pc-navbar-m.header-closed{/*background-color: transparent*/}
.pc-navbar-m.header-closed a.navbar-dji-icon{background-image: url(../image/logo.png)}
.pc-navbar-m.header-closed a.navbar-shopingbag span.shopingbag-icon{background-image: url(../image/m-search2.png)}
.pc-navbar-m.header-closed .navbar-control .control-icon:before{background-color: #123e66}
.pc-navbar-m.sticky-nav .navbar-container{height:70px;background-color: #fff; border-bottom: 1px solid #f2f2f2;}
.pc-navbar-m.sticky-nav a.navbar-shopingbag span.shopingbag-icon{background-image: url(../image/m-search.png)}
.pc-navbar-m.sticky-nav .navbar-control .control-icon:before{background-color: #303233}
}
@media screen and (max-width: 890px) {
.pc-navbar-m .navbar-logo{width:22%;}
}

@media screen and (max-width: 768px) {
.pc-navbar-m .navbar-logo{width:24%;}
.pc-navbar-m .navbar-logo {padding: 10px 0 0 0;}
}
@media screen and (max-width: 640px) {
.pc-navbar-m .navbar-logo{width:28%;}
.pc-navbar-m .navbar-logo {padding: 10px 0 0 0;}
}
@media screen and (max-width: 500px) {
.pc-navbar-m .navbar-logo{width:40%;}
.pc-navbar-m .navbar-logo {padding: 5px 0 0 0;}
}

@media screen and (max-width: 375px) {
.pc-navbar-m .navbar-logo{width:55%;}
}



/*banner*/

.ny_ban_about{width:100%; background: url(../image/ban_about.jpg) no-repeat center; height:550px}
.ny_ban_business{width:100%; background: url(../image/ban_business.jpg) no-repeat center; height:550px}
.ny_ban_lxwm{width:100%; background: url(../image/ban_contact.jpg) no-repeat center; height:550px}
.ny_ban_pro{width:100%; background: url(../image/ban_pro.jpg) no-repeat center; height:550px}
.ny_ban_news{width:100%; background: url(../image/ban_news.jpg) no-repeat center; height:550px}
.ny_ban{width:100%; height:auto; overflow:hidden}
.ny_ban img{display:none}

@media (max-width:1300px){
	.ny_ban_about{width:100%; background:  none; height: auto; overflow:hidden}
	.ny_ban img{display: block; width:100%; height:auto; overflow:hidden}
	.ny_ban_business{width:100%; background:  none; height: auto; overflow:hidden}
	.ny_ban_lxwm{width:100%; background:  none; height: auto; overflow:hidden}
	.ny_ban_pro{width:100%; background:  none; height: auto; overflow:hidden}
	.ny_ban_news{width:100%; background:  none; height: auto; overflow:hidden}
}


.banner{/*margin-top:84px*/}
body .swiper-container{overflow: hidden;}
/*.banner .banner-container{background:#fff;}
.banner-container .swiper-slide img{ display:none}
.banner-container .swiper-slide img{width: 100%; height:auto; object-fit: cover;}
.banner-container .swiper-banner-pagination{ bottom:20px; position:absolute}
.banner-container .swiper-banner-pagination span{width:10px;height:10px;border:1px solid #fff;opacity:1;float:none;margin-left: 10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3);transition: width .3s linear;cursor: pointer;}
.banner-container .swiper-banner-pagination span.swiper-pagination-bullet-active{background:#fff;width: 26px;}
.banner-container .control-btn {position: absolute;height: 128px;width: 64px;background-color: rgba(194,200,204,.5);top: 50%;margin-top: -64px;z-index: 400;transition: all .4s;cursor: pointer;opacity:0;}
.banner-container .swiper-control:hover .control-btn{opacity: 1}
.banner-container .swiper-control{position: absolute;top: 0;z-index: 300;width:20%;height:100%}
.banner-container .swiper-control.swiper-arrow-left{left:0;}
.banner-container .swiper-control.swiper-arrow-right{right:0;}
.banner-container .swiper-banner-prev{background-size:30px;left:0; background-repeat:no-repeat;background-image:url(../image/banner-left.png); background-position:40% center;border-top-right-radius: 64px;border-bottom-right-radius: 64px;}
.banner-container .swiper-banner-next{background-size:30px;right:0;background-repeat:no-repeat;background-image:url(../image/banner-right.png); background-position:60% center;border-top-left-radius: 64px;border-bottom-left-radius: 64px;}

.banner-container .swiper-slide{height:610px}
.banner-container .ban1{background:url(../image/1.jpg) no-repeat center; height:750px;}
.banner-container .ban2{background:url(../image/2.jpg) no-repeat center; height:750px;}
.banner-container .ban3{background:url(../image/3.jpg) no-repeat center; height:750px;}
.banner-container .ban4{background:url(../image/4.jpg) no-repeat center; height:750px;}
*/

/*mbanner*/
/*.mbanner{display:none; }
.m-container .swiper-slide img{width: 100%; height:auto; object-fit: cover;}

@media screen and (max-width:1280px) {
    .banner{display:none;}
    .mbanner{display:block;}
	.m-container .mbanner-pagination span{width:5px;height:5px;border:1px solid #fff;opacity:1;margin-left: 10px;border-radius:5px;transition: width .3s linear;cursor: pointer;transition: width .3s linear;}
    .m-container .mbanner-pagination span.swiper-pagination-bullet-active{background:#fff;width:9px;}
}*/


/*index-button*/
.index-button{ position:relative;margin:0 auto; height:64px; text-align:center;margin-top:-64px; z-index:2;}
.index-button a{ display:inline-block;}




/*titleBox*/
.titleBox{color:#000000;line-height:30px;margin-bottom:42px;text-transform:uppercase;text-align:center; color:#123e66;}
.titleBox .en{font-family:'Cremona', Arial, Helvetica, sans-serif;font-size:70px; line-height:normal; text-align:center; color:#e3e3e3}
.titleBox .cn{font-size:28px; text-align:center; color:#000}
@media screen and (max-width:1024px) {
.titleBox .en{font-size:60px;}
.titleBox .cn{font-size:24px;}
}
@media screen and (max-width:768px){
.titleBox .en{font-size:40px;}
.titleBox .cn{font-size:18px;}
}
@media screen and (max-width:640px){
	.titleBox {margin-bottom:30px;}
.titleBox .en{font-size:9rem;}	
}






#side{padding:2em 0;margin: 0 auto;text-align: center;}
#side ul{ text-align:center; display:inline-block; width:auto; overflow:hidden; margin:0px auto; display:inline-block}
#side li{ float:left; list-style:none; font-weight:400; width:auto; margin:.2em; /*padding:.4em 0;*/ color:#222;text-overflow: ellipsis;white-space: nowrap;course:hand; background-color:#f8f8f8; border-radius:10px}
#side li a{text-align:center; font-size:18px; width:auto; padding:0 1.2em; line-height:46px;  display:block; border-radius:10px}
#side li a:hover{color:#fff; background-color:#0b53a7; border-radius:10px}

.navon1 a{color:#fff; background-color:#003f98; border:1px solid #003f98}

#side ul li ul{background:none; padding:0px; display:none; margin-top:0px}
#side ul li ul li{ border-bottom:none; margin:0px auto; float:none; width:100%; line-height:45px; height:45px; border-top:1px dashed #D4D4D4; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;course:hand; background-color:#f6f6f6;}
#side ul li ul li a{color: #898989; margin-left:0px; float:none; display:block; background:none; padding-left:5px;}
#side ul li ul li a:hover{background:none; color: #656556;}
#side ul li:hover ul { display:block;}
#side ul li.sfhover ul { display:block;}

#side img{padding-top:0px}






/*公司简介页面*/

.ny_about{ margin-top:80px; height:auto; overflow:hidden}
.ny_about_l{ width:60%; float:left}
.ny_about_l h2{font-size:30px; color:#000}
.ny_about_l span{font-size:16px; color:#999; line-height:34px}
.ny_about_l p{font-size:14px; color:#666; margin-top:40px}

.ny_about_r{ width:35%; float:right}
.ny_about_r img{width:100%; height:auto; overflow:hidden}


.ny_nry_dy{width:100%; height:auto; overflow:hidden; margin-top:80px; margin-bottom:60px }
.ny_nry_dy img{max-width:100%; height:auto; overflow:hidden}



.volvo{width:100%; height:auto; overflow:hidden; margin:20px 0}
.volvo ul li{width:48%; float:left; background-color:#0a53a5; padding:10px 5px; margin:10px 0; text-align:center; color:#fff; border-radius:5px}
.volvo ul li:nth-child(2n){float:right}

.xcmg{width:100%; height:auto; overflow:hidden; margin-top:20px}
.xcmg_l{width:50%; float:left}
.xcmg_l p{width:48%; float:left; display:inline-block; text-align:center; color:#fff; background-color:#0a53a5; padding:10px 5px; margin:0 2% 20px 0; height:62px; border-radius:5px; line-height:24px}
.xcmg_r{width:50%; float: right}
.xcmg_r img{width:100%; height:auto; overflow:hidden}

@media (max-width:768px){
	.ny_about_l{ width:100%; float:none}
	.ny_about_r{ width:100%; float:none; margin-top:20px}
	.xcmg_l{width:100%; float: none}
	.xcmg_l p{ margin:0 1% 20px 1%;}
	.xcmg_r{width:100%; float: none}

}
@media (max-width:500px){
	.volvo ul li{width:100%; float:none}
	.volvo ul li:nth-child(2n){float:none}
	.xcmg_l p{ width:100%; margin:0 0 20px 0;}
}

/*企业文化页面*/

.ny_wh_bg{width:100%; height:auto; overflow:hidden; padding:80px 0; background:url(../image/wh_bg.jpg) no-repeat center; margin-top:80px}

.ny_wh_l{width:46%; float:left}
.ny_wh_l img{width:100%; height:auto; overflow:hidden}


.ny_wh_r{width:54%; float:right; background:url(../image/wh_wz_bg.jpg) no-repeat top right; padding:71px 50px;}
.ny_wh_r p{margin:18px 0; display:block; line-height:40px}
.ny_wh_r p span{ background-color:#0a53a5; width:155px; display:inline-block; color:#fff; font-size:18px; text-align:center; margin-right:20px}

@media (max-width:1300px){
	.ny_wh_r{padding: 34px 30px;}
}
@media (max-width:1150px){
	.ny_wh_l{width:42%; float:left}
	.ny_wh_r{width:58%;}
	.ny_wh_r p {margin: 10px 0;}
}
	
@media (max-width:768px){
	.ny_wh_bg{background:url(../image/wh_bg.jpg) no-repeat center fixed; margin-top:80px}
	.ny_wh_l{ width:100%; float:none}
	.ny_wh_r{ width:100%; float:none;background:url(../image/wh_wz_bg.jpg) no-repeat top right #fff;}
	
}
	
	

/*董事长致辞页面*/

.ny_dszzc{margin-top:80px; height:auto; overflow:hidden}
.ny_dszzc_l{width:50%; float: left; background-color:#f6f6f6; padding:90px 50px}
.ny_dszzc_l h2{font-size:30px; color:#00459c;}
.ny_dszzc_l p{margin-top:80px}
.ny_dszzc_l p span{text-align:right; display:block; margin-top:76px}

.ny_dszzc_r{width:50%; float: right; background-color:#0a53a5 }
.ny_dszzc_r img{width:100%; height:auto; overflow:hidden}

.ny_dszzc_r h3{width:100%; height:auto; overflow:hidden}
.ny_dszzc_r h3 img{width:35%; float:left; height:auto; overflow:hidden}
.ny_dszzc_r p{width:60%; float:right; text-align:right; color:#fff; padding:10px 20px}



@media (max-width:1300px){
  .ny_dszzc_l{padding:70px 40px}
  .ny_dszzc_l p{margin-top:60px}
  .ny_dszzc_l p span{ margin-top:51px}
  .ny_dszzc_r h3 img{width:40%;}

}


@media (max-width:1150px){
  .ny_dszzc_l{padding:50px 40px}
  .ny_dszzc_l p{margin-top:55px}
  .ny_dszzc_l p span{ margin-top:51px}
  .ny_dszzc_r h3 img{width:40%;}

}

@media (max-width:768px){
	.ny_dszzc_l{ width:100%; float:none}
	.ny_dszzc_r{ width:100%; float:none}
}





.ny_fwxm_title{ margin-top:60px; width:100%; height:auto; overflow:hidden; text-align:center}
.ny_fwxm_title a{font-size:48px; color:#000; display:block; line-height:50px}
.ny_fwxm_title span{width:50px; margin:15px auto; height:3px; background-color:#e60013; display:block}

.ny_fwxm{width:100%; height:auto; overflow:hidden; margin-top:40px; position:relative}
.ny_fwxm_t ul li{width:50%; float:left; height:auto; overflow:hidden; position:relative}
.ny_fwxm_t ul li a img{width:100%; height:auto; overflow:hidden; position:relative}
.ny_fwxm_t ul li a p{width:54%; height: auto; overflow:hidden; position:absolute; z-index:99; background:rgba(0,69,156,0.7); display:block; text-align:center; color:#fff; font-size:26px; top:35%; left:22%; padding:20px 10px}


.ny_fwxm_b{width:100%; height:auto; overflow:hidden;}
.ny_fwxm_b ul li{width:25%; float:left}
.ny_fwxm_b ul li p{ width:100%; height:150px; font-size:24px; text-align:center;padding-top:50px}

.ny_fwxm_b ul li a img{width:100%; height:auto; overflow:hidden}




@media (max-width:1024px){
	.ny_fwxm_b ul li{ width:50%;}
}

@media (max-width:768px){
	.ny_fwxm_t ul li{ width:100%; float:none}
}

@media (max-width:520px){
	
	.ny_fwxm_t ul li a p{width:80%; left:10%}
	.ny_fwxm_b ul li{ width:100%; float:none; height:auto; overflow:hidden; display:block}
	.ny_fwxm_b ul li a img{ float:left;width:50%; height:auto; overflow:hidden}
	.ny_fwxm_b ul li p{float:right;width:50%; height:auto; overflow:hidden;font-size:20px}

.ny_fwxm_b ul li:nth-child(2n) a img{ float: right;width:50%; height:auto; overflow:hidden}
	.ny_fwxm_b ul li:nth-child(2n) p{float:left;width:50%; height:auto; overflow:hidden; }
}
@media (max-width:420px){
.ny_fwxm_b ul li p{padding:25px 10px}
}




/*联系我们*/

.ny_lxwm_ny{width:100%; height:auto; overflow:hidden; margin-top:80px}

.ny_lx_l{width:49%; float:left; border:1px solid #CCC; padding:30px}
.ny_lx_r{width:49%; float: right; border:1px solid #CCC; padding:30px}


.ny_ly_ny{width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; padding:5%; margin:60px 0}

.ny_ly_ny form{}
.lyb{width:48%; height:auto; overflow:hidden; display:block; float:left; margin:.5em auto;}
.lyb input{width:100%; margin-top:5px;  background-color:#fff; color:#626262; height:3em; font-size:1.1em}
.lyb:nth-child(2n){float:right}
.lyb p{display:block}
.lyb1{width:100%; height:auto; overflow:hidden;  margin:.5em auto; display:block}
.lyb1 p{width:100%;display:block}
.lyb1 textarea{width:100%; background-color:#fff; color:#626262; height:8em; font-size:1.1em; display:block}
.lyb_tj{width:20%; margin:2em auto;}
.lyb_tj input{width:100%; background-color:#003f98; border:1px solid #003f98; color:#fff; height:3em; font-size:1.3em}



@media (max-width:640px){
	.lyb{width:100%;}
	.lyb_tj{width:50%; }
}
	
@media (max-width:320px){ 
	.lyb_tj{width:100%; }
}


@media (max-width:1024px){
	.ny_lx_l{width:100%; float: none;}
	.ny_lx_r{width:100%; float:none; margin-top:20px}
}




.ny_pro_ny{width:100%; height:auto; overflow:hidden; background-color:#f8f9fe; padding:50px 0}
.ny_pro_cplb{width:100%; height:auto; overflow:hidden;}
.ny_prolist{width:23.5%; float: left; background-color:#fff; margin:10px 2% 10px 0}
.ny_prolist:nth-child(4n){ margin:10px 0}
.ny_prolist:nth-child(4n+1){clear:left}
.ny_prolist a img{width:100%; height:auto; overflow:hidden}
.ny_prolist p{width:100%; height:auto; overflow:hidden; padding:30px 15px; text-align:center}
.ny_prolist p a{font-size:16px; font-weight:bold; display:block}
.ny_prolist p span{font-size:14px; color:#666}

@media (max-width:1024px){
	.ny_prolist{width:32%;}
	.ny_prolist:nth-child(4n){ margin:10px 2% 10px 0}
	.ny_prolist:nth-child(3n){ margin:10px 0}
	.ny_prolist:nth-child(3n+1){clear:left}
	.ny_prolist:nth-child(4n+1){clear:none}
	
}

@media (max-width:768px){
	.ny_prolist{width:49%;}
	.ny_prolist:nth-child(2n){ margin:10px 0}
	.ny_prolist:nth-child(3){margin:10px 2% 10px 0}
	.ny_prolist:nth-child(9){margin:10px 2% 10px 0}
	.ny_prolist:nth-child(3n+1){clear:none}
	.ny_prolist:nth-child(2n+1){clear:left}
}



.ny_pro_nry{width:100%; height:auto; overflow:hidden; }
.cpt{ width:45%; float:left; padding:2px; border:1px solid #dddddd;}
.cpt img{width:100%; float:left;}
.cpwz{ width:50%; float:right;}
.cpwz li{ line-height:58px; border-bottom:1px dashed #aeaeae; font-size:15px}
.cpwz li font{ float:left; line-height:34px; margin:0px; padding:0px;}
.cpwz li strong{ font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:600; color:#ed7d31}
.cpwz img{margin-top:10px}

.TabTitle{ clear:both; height:36px; border-bottom:#D6D6D8 1px solid; padding:10px 0; width:100%; margin:25px auto 0px auto;; height:auto}
.TabTitle li{ display:inline; /*width:105px;*/ font-size:20px; /**width:105px;*/ cursor:pointer; line-height:36px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:600; margin-right:4px;}

.active{color:#222;}
.active a{ color:#222;}

.normal{ color:#a9a9a9; background:#fafafa;}
.TabContent{ width:100%; height:auto; overflow:hidden; margin:40px 0 60px 0; background-color:#fff; padding:25px; text-align:left;}
.TabContent img{max-width:100%; height:auto; overflow:hidden;}
.none{ display:none;}
.TabContent li{ line-height:24px; background: url(../images/index_d_r14_c9.jpg) no-repeat 2px 8px; }
.TabContent li span{ margin-left:15px; color:#949494;}

.xyp{}
.xyp a{padding:5px 0px}
.xyp a:hover{color:#ed7d31;}



.next1{ line-height:46px; text-align:center; color:#454545; margin-top:20px}
.next1 a{ margin:0px 3px;  padding:0px 5px; border-radius:90px; border:1px solid #0c53a5}
.next1 a:hover{background-color:#0c53a5; color:#fff; padding:0px 5px;border-radius:90px; border:1px solid #0c53a5}
.next1 b{background-color:#0c53a5; color:#fff; padding:0px 5px;border-radius:90px; border:1px solid #0c53a5}
.pages button{ line-height:22px;}
.pagesone{ display:none;}




@media (max-width:768px){
	.cpt{ width:100%; float:none;}
	.cpwz{ width:100%; float:none; margin-top:20px}
}







.ny_t{ width:100%; height:auto; overflow:hidden; padding-bottom:10px; font-size:16px; margin-bottom:20px}

.ny_t {width: 100%;position:relative}
.ny_t p{ width:10%; float:left;font-size:24px; color:#000; line-height:50px }
.ny_t form{ width:40%; float:left;}
.ny_t input{
  font-size: 13px;
  color: #777777;
  font-family: "Open Sans","Microsoft YaHei", sans-serif;
  font-weight: 400;
  border:2px solid #0a1e40;
  border-radius:5px;
  line-height: 20px;
  margin: 0 0 10px;
  margin: 0;
  color: #222222;
  padding: 15px 2.5%;

  width: 100%;
  outline: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  background: #ffffff;
  position:relative
}
.ny_t button {
  background: #ffffff;
  border: none;
  float: left;
  z-index: 2;
  
}

.ny_t button {
	width:90px;
    background: #0a1e40;
    border: none;
    float: left;

    z-index: 2;
    position: absolute;
	color:#fff;
	padding:10px;
	top:6px;
	left:42%;
	border-radius:5px
}

.ny_t button img{width:25%; height:auto; overflow:hidden; margin-left:10px}

.ny_t button i {
  color: #BA0511;
  font-size: 16px;
}
.ny_t.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}



/*.ny_nry_dy table{width:100%; border-top:1px solid #999; border-left:1px solid #999}
.ny_nry_dy table td{border-bottom:1px solid #999; border-right:1px solid #999; text-align:center}

.ny_nry_dy table tr:nth-child(1) td{ background-color:#0c53a5; color:#fff; height:50px}*/



@media (max-width:1300px){
	.ny_t p{ width:12%;}
	.ny_t form{ width:41%;}
	
}

@media (max-width:950px){
	.ny_t p{ width:15%;}
	.ny_t form{ width:45%;}
	.ny_t button { left:48%}
}

@media (max-width:768px){
	.ny_t p{ width:20%;}
	.ny_t form{ width:80%;}
	.ny_t button {width:16%; left:82%}
}

@media (max-width:500px){
	.ny_t p{ width:100%;}
	.ny_t form{ width:100%;}
	.ny_t button {width:29%; left:69%; top:56px;}
}


.ny_sbt{display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; border:1px solid #ccc}
.ny_sbt p{text-align:center; width:100%; height:auto; overflow:hidden}
.ny_sbt-01{display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background-color:#0c53a5; color:#fff; text-align:center;
border-right:1px solid #e8e8e8;}
.ny_sbt-01{
line-height: normal;

    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color:#fff;
    font-size: 14px;flex: 0 0 220px;
    max-width: 100%;
    max-height: 100%;
}
.ny_sbt-02{flex: 1;max-width: 100%; max-height: 100%;display: flex; background-color:#0c53a5;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    border-right:1px solid #e8e8e8;
	line-height: normal;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color:#fff;
    font-size: 14px;
    font-family: Microsoft YaHei;
	 }
.ny_sbt-04{flex: 0 0 80px;max-width: 100%; max-height: 100%;display: flex; background-color:#0c53a5;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    border-right:1px solid #e8e8e8;
	line-height: normal;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color:#fff;
    font-size: 14px;
    font-family: Microsoft YaHei;
	 }
.ny_sbt-03{flex: 1;max-width: 100%; max-height: 100%;display: flex; background-color:#0c53a5;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;

	line-height: normal;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color:#fff;
    font-size: 14px;
    font-family: Microsoft YaHei;
	 }
	 


.ny_snr{ width:100%}
.ny_snr{display:flex; flex-wrap:wrap;flex-direction: row; position:relative;display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom:1px solid #e8e8e8}
.ny_snr p{text-align:center; width:100%; height:auto; overflow:hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 12px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.ny_snr-01{position: relative; display:flex; flex-wrap:wrap; flex-direction: row; flex: 0 0 220px; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; padding-top: 5px; padding-bottom: 5px; max-width:100%; }
.ny_snr-02{position: relative;display:flex; flex-wrap:wrap; flex-direction: row; flex: 1; border-right:1px solid #e8e8e8; padding-top: 5px; padding-bottom: 5px;max-width:100%;}
.ny_snr-04{position: relative;display:flex; flex-wrap:wrap; flex-direction: row; flex: 0 0 80px; border-right:1px solid #e8e8e8; padding-top: 5px; padding-bottom: 5px;max-width:100%;}
.ny_snr-03{position: relative;display:flex; flex-wrap:wrap; flex-direction: row; flex: 1; border-right:1px solid #e8e8e8; padding-top: 5px; padding-bottom: 5px;max-width:100%;}
.ny_snr-03 a{color:#fff; background-color:#0c53a5; border-radius:10px; padding:5px 15px}

/*
.ny_snr{display:flex; position:relative; max-width: 100%;}
.ny_snr p{text-align:center; width:100%; height:auto; overflow:hidden}
.ny_snr-01{display: flex;flex: 1; flex-direction: row; color:#434343;
border-right:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color:#434343;
    max-width: 100%;
    max-height: 100%;}


.ny_snr-02{flex: 1;max-width: 100%; max-height: 100%;display: flex;
    flex-direction: row;
    border-right:1px solid #e8e8e8;
	line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color:#434343;}
	
.ny_snr-03{flex: 1;max-width: 100%; max-height: 100%;display: flex; 
    flex-direction: row;
	line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color:#434343;}
	 
*/






.ny_footer_bg{width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; display:block; padding:60px 0}


.ny_footer_l{width:65%; float:left}
.ny_footer_l dl{width:50%; float:left}
.ny_footer_l dl dt a{font-size:24px; color:#000; margin-bottom:30px; display:block}

.ny_footer_l dl dd a{line-height:32px}



.ny_footer_r{width:35%; float:right}


.ny_footer_search {width: 100%;position:relative}
.ny_footer_search h3{font-size:24px; color:#000; line-height:30px; text-align:right}
.ny_footer_r form{ margin-top:30px}
.ny_footer_search input{
  font-size: 13px;
  color: #777777;
  font-family: "Open Sans","Microsoft YaHei", sans-serif;
  font-weight: 400;
  border:2px solid #0a1e40;
  border-radius:5px;
  line-height: 20px;
  margin: 0 0 10px;
  margin: 0;
  color: #222222;
  padding: 15px 2.5%;

  width: 100%;
  outline: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  background: #ffffff;
  position:relative
}
.ny_footer_search button {
  background: #ffffff;
  border: none;
  float: left;
  margin-top: -28px;

  position: relative;
  z-index: 2;
  
}

.ny_footer_search button {
	width:90px;
    background: #0a1e40;
    border: none;
    float: left;
    margin-top: 5px;

    z-index: 2;
    margin-left: -35px;
    position: absolute;
	color:#fff;
	padding:10px;
	top:62px;
	right:6px;
	border-radius:5px
}

.ny_footer_search button img{width:25%; height:auto; overflow:hidden; margin-left:10px}

.ny_footer_search button i {
  color: #BA0511;
  font-size: 16px;
}
.ny_footer_search.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.ny_footer_lx{ width:100%; height:auto; overflow:hidden;margin-top:40px;}
.ny_footer_lx img{ width:32%;float:right; display:inline-block}
.ny_footer_lx p{ width:63%; float:left;margin-top:40px; text-align:right; font-size:17px; color:#666;; display:inline-block; line-height:32px}
.ny_footer_lx p span{font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#000; display:block}


.ny_foot{width:100%; height:auto; overflow:hidden; background-color:#222; padding:25px 0; color:#fff; text-align:center}
.ny_foot a{color:#fff}


@media (max-width:768px){
	.ny_footer_l{width:100%; height:auto; overflow:hidden; float:none; display:block}
	.ny_footer_r{width:100%; float:none; border-top:1px solid #ccc; display:block; margin-top:20px; padding-top:20px}
}














/* 只显示一行 */
.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 只显示两行 */
.ellipsis-line-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 只显示三行 */
.ellipsis-line-3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}





.yjbd{display:none}

.yjbd{width:100%; height:4em; line-height:4em; position:fixed; z-index:999; bottom:0;}
.bd1 a{background:rgba(0,134,192,0.9)}
.bd2 a{background:rgba(250,165,2,0.9)}
.yjbd ul li{width:33.3%; float:left; list-style:none}
.yjbd ul li a{color:#fff; font-size:14px; text-align:center; display:block; line-height:4em}
.yjbd ul li:nth-child(2n) a{color:#222;}

@media (max-width: 1023px) {
	 .yjbd{display:block}
	 .footer-line {padding:20px 0 5em 0}
}



 /*悬浮链接*/
/*.suspension{position:fixed;z-index:1000;right:0;bottom:50px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#007ac0;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#ed7200;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../image/side_icon.png);background-repeat:no-repeat;}

.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../image/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../image/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;background:#fff;position:absolute;right:60px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}

.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../image/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{width:270px;top:0px;}
.suspension .d-qrcode{width:200px;top:34px;}
.suspension .d .inner-box{padding:8px 15px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle1{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../image/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../image/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../image/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
 .suspension .d-qrcode p a{font-size:16px;color:#93959c;}
 
  @media (max-width: 1023px) {
	  .suspension{bottom:30px;}
  }
 
*/
/*移动端底部导航*/
.phonefooternav {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	display:none;
}
.phonefooternav ul{
	padding: 0;
}
.phonefooternav ul li {
	width: 40%;
	background: #065eb8;
	float: left;
	padding: 5px 0;
	border-right: 1px solid #FFFFFF;
	list-style: none;
	box-sizing: border-box;
	line-height: 16px;
}
.phonefooternav ul li:nth-child(2){
	width: 60%;
	background: #f8920d;
}
.phonefooternav ul li a {
	display: block;
	color: #fff;
	text-align: center;
}
.phonefooternav ul li a img {
	width: 22px;
	padding: 2px 0;
	margin:0 auto
}
.phonefooternav p{
	color: #FFFFFF;
	font-size: 14px;
}
  @media (max-width: 1024px) {
.phonefooternav { display:block}
  }
  
  
  
